<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Coformador</title>
            </f:facet>
        </h:head>
        <h:body>
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="200" resizable="true" closable="true" collapsible="true">
                     <!--Header!-->
                    <div>
                          <h:graphicImage url="saepbanner.jpg" alt="Logo" style="vertical-align: top" width="100%"/> 
                    </div>
                </p:layoutUnit>
                <p:layoutUnit position="south" size="50" closable="true" collapsible="true">
                    
                </p:layoutUnit>
                <p:layoutUnit position="west" size="175" header="Ocultar" collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:submenu label="Menú">
                                <p:menuitem value="Empresa" url="Empresa.xhtml" />
                                <p:menuitem value="Tipo Practicas" url="Tipopractica.xhtml" />
                                <p:menuitem value="Coformador" url="Coformador.xhtml"/>
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </p:layoutUnit>
                <p:layoutUnit position="center">
                    <h:form id="forma">
                         <p:messages id="mensajes" showDetail="true"/>
                        <p:panel id="campos">
                            <div align="center">
                            <p:panelGrid>
                                
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Documento: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtDocumentoCoformador" binding="#{coformadorVista.txtDocumentoCoformador}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Nombres: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtNombreCoformador" binding="#{coformadorVista.txtNombreCoformador}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Telefono: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtTelefonoCoformador" binding="#{coformadorVista.txtTelefonoCoformador}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Empresa:  "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtNumeroEmpresa" disabled="true" binding="#{coformadorVista.txtNumeroEmpresa}"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnEmpresa" value="Consultar Empresa" type="button" update=":forma:campos,:forma:tabla , :forma:mensajes, " />   

                                        <p:overlayPanel id="moviePanel" widgetVar="empresaPanel" for="btnEmpresa" hideEffect="fade" dynamic="true" style="width:600px" showCloseIcon="true">
                                            <p:dataTable selectionMode="single" rowKey="#{empresa.numeroempresa}" var="empresa" value="#{empresaVista.listaEmpresas}" rows="5" paginator="true" selection="#{coformadorVista.seleEmpresa}">
                                                <p:ajax event="rowSelect" oncomplete="PF('empresaPanel').hide()" listener="#{coformadorVista.Funcion_selectEmpresa}" update=":forma:txtNumeroEmpresa" />
                                                <p:column headerText="Número Empresa">
                                                    <h:outputText value="#{empresa.numeroempresa}" />
                                                </p:column>

                                                <p:column headerText="Nombre Empresa">
                                                    <h:outputText value="#{empresa.nombreempresa}" />
                                                </p:column>

                                                <p:column headerText="Dirección Empresa">
                                                    <h:outputText value="#{empresa.direccionempresa}" />
                                                </p:column>

                                                <p:column headerText="Teléfono Empresa">
                                                    <h:outputText value="#{empresa.telefonoempresa}" />
                                                </p:column>
                                            </p:dataTable>
                                        </p:overlayPanel>   
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                                </div>
                            <div align="center">
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <p:commandButton id="btnRegistrarCoformador" value="Registrar" binding="#{coformadorVista.btnRegistrarCoformador}" action="#{coformadorVista.funcion_registrar}" update=":forma:campos,:forma:tablaCoformador,:forma:mensajes" />
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnModificarCoformador" disabled="true" value="Modificar" binding="#{coformadorVista.btnModificarCoformador}" action="#{coformadorVista.funcion_modificar}"  update=":forma:campos,:forma:tablaCoformador, :forma:mensajes"/>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnEliminarCoformador" disabled="true" value="Eliminar" binding="#{coformadorVista.btnEliminarCoformador}" action="#{coformadorVista.funcion_eliminar}"  update=":forma:campos,:forma:tablaCoformador, :forma:mensajes">
                                            <p:confirm header="Confirmacion" message="Se Eliminara Permanentemente" icon="ui-icon-alert" />
                                        </p:commandButton>
                                    </p:column>
                                    <p:column>
                                        <p:commandButton id="btnLimpiarCoformador" value="Limpiar" binding="#{coformadorVista.btnLimpiarCoformador}"  action="#{coformadorVista.funcion_limpiar}"  update=":forma:campos,:forma:tablaCoformador, :forma:mensajes"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                            </div>
                        </p:panel>
                        <p:panel id="tablaCoformador">
                            <p:dataTable  var="coformador" value="#{coformadorVista.listaCoformador}" rows="10"
                                          paginator="true"
                                          paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                          rowsPerPageTemplate="5,10,15"
                                          filteredValue="#{coformadorVista.listaCoformador}"
                                          emptyMessage="No se encontraron resultados"
                                          selectionMode="single" 
                                          selection="#{coformadorVista.selectCoformador}" 
                                          rowKey="#{coformador.documentocoformador}"

                                          >
                                <p:ajax event="rowSelect" listener="#{coformadorVista.funcion_seleccionar}" update=":forma:mensajes,:forma:campos" />
                                <p:column headerText="Documento" filterBy="#{coformador.documentocoformador}" filterMatchMode="contains">
                                    <h:outputText value="#{coformador.documentocoformador}" />
                                </p:column>
                                <p:column headerText="Nombre" >
                                    <h:outputText value="#{coformador.nombrecoformador}" />
                                </p:column>
                                <p:column headerText="Teléfono">
                                    <h:outputText value="#{coformador.telefonocoformador}" />
                                </p:column>
                                <p:column headerText="Empresa">
                                    <h:outputText value="#{coformador.numeroempresa.nombreempresa}" />
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                        <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                            <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                            <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                        </p:confirmDialog>
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>